<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--<meta http-equiv="refresh" content="7">-->
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/loading.css"/>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<script src="js/jquery-2.2.4.min.js"></script>
			<style type="text/css">
			.load-bg{
				position: absolute;
			}
 			.loadddd{
 				width: 50PX;
 				height: 50PX;
 				/*background-color:red ;*/
 				position: absolute;
 				top: 50%;
 				left: 50%;
 				
				animation: box 5s;
				
				
 			}
			@keyframes box{
				0%{
					width: 50PX;
 					height:50PX;
 					
 					margin-top: 25px;
 				margin-left: 25px;
				}
				25%{
					width: 100px;
 					height: 100px;
 					margin-top:2px;
 					margin-left: 2px;
					transform: rotate(900deg);   /*旋转的*/
				}
				50%{
					width: 270px;
 					height: 270px;
 					margin-top:-70%;
 					margin-left:-70%;
					transform: rotate(180deg);
				}
				75%{
					width: 370px;
 					height: 370px;
 					margin-top:-110%;
 					margin-left:-110%;
					transform: rotate(2700deg);
				}
				/*100%{
					
					
 					
					transform: rotate(3600000deg);
				}*/
			}
		</style>	
		
		
	</head>
	<body>
		<section class="loading-img">
			<img src="img/loading.png" />
			<div class="load-images">
				<p class="load">
					
					
					<span class="load-bg">
						<img src="img/load.png" class="loadddd"/>
					</span>
					
				</p>
				<p class="kangrent">
					<img src="img/kangrt.png" />
				</p>
				
			</div>
			<div class="font-footer">
				<p>
					北京康仁堂药业有限分公司
				</p>
					
			</div>
		</section>
		<script type="text/javascript">
            $('body').on("click", function() {
                location.href = "html/denglu.html";
            });
        </script>
	</body>
</html>
